.keepAccounts {
    --ka-bg-color: #daf2e1;
    --ka-color: #69ae78;
    --ka-border-color: #191d26;

    height: 100%;
    background-color: var(--ka-bg-color);

    .nav {
        --adm-font-size-10: 16px;
        color: #121826;
        background-color: transparent;

        &::after {
            height: 0;
        }

        .adm-nav-bar-back-arrow {
            font-size: 20px;
        }
    }

    .header {
        height: 132px;

        .kaType {
            padding: 9px 0;
            text-align: center;

            .adm-button {
                --adm-font-size-9: 13px;

                &:first-child {
                    margin-right: 10px;
                }
            }

            .selected {
                color: #fff;
                --background-color: var(--ka-border-color);
            }
        }

        .kaFormWrapper {
            padding: 10px 22.5px 20px;

            .kaForm {
                display: flex;
                padding: 11px 15px 11px 12px;
                border: 0.5px solid var(--ka-border-color);
                border-radius: 9px;
                background-color: #fff;

                .date {
                    display: flex;
                    align-items: center;
                    height: 28px;
                    padding: 5.5px 5px;
                    border-radius: 4px;
                    // color: #4f825e;
                    color: var(--ka-color);
                    background-color: var(--ka-bg-color);

                    .icon {
                        margin-right: 6px;
                        font-size: 17px;
                    }

                    .text {
                        font-size: 16px;
                    }
                }

                .kaInput {
                    flex: 1;
                    display: flex;
                    align-items: center;

                    .input {
                        flex: 1;
                        margin-right: 10px;
                        --text-align: right;
                        --font-size: 24px;
                        --color: var(--ka-color);
                        --placeholder-color: #d1d1d1;
                    }

                    .iconYuan {
                        font-size: 24px;
                    }
                }
            }
        }
    }

    .container {}

    .kaTypeList {
        height: 490px;
        padding: 20px 11px;
        padding-bottom: 70px;
        overflow-y: scroll;
        background: #ffffff;
        border-radius: 20px 20px 0 0;
        -ms-overflow-style: none;
        /* Internet Explorer 10+ */
        scrollbar-width: none;

        /* Firefox */
        &::-webkit-scrollbar {
            display: none;
            /* Safari and Chrome */
        }

        .kaType {
            margin-bottom: 25px;
            font-size: 12px;
            color: #333;

            .title {
                padding-left: 5px;
                margin-bottom: 5px;
                font-size: 13px;
                color: #808080;
            }

            .list {
                display: flex;

                .item {
                    width: 65px;
                    height: 65px;
                    padding: 9px 0;
                    margin-right: 7px;
                    text-align: center;
                    border: 0.5px solid #fff;

                    &:last-child {
                        margin-right: 0;
                    }

                    .icon {
                        height: 25px;
                        line-height: 25px;
                        margin-bottom: 5px;
                        font-size: 25px;
                    }
                }

                .item.selected {
                    border: 0.5px solid var(--ka-border-color);
                    border-radius: 5px;
                    background: var(--ka-bg-color);
                }
            }
        }
    }

    .btns {
        position: fixed;
        bottom: 15px;
        width: 100%;
        text-align: center;

        .btn {
            width: 200px;
            --border-width: 0;
            --background-color: #fafafa;
            --text-color: #616161;

            &:first-child {
                margin-right: 15px;
            }
        }

        .btn.save {
            --background-color: var(--ka-bg-color);
            --text-color: var(--ka-color);
        }
    }
}